// 黑色
$app-black-100: rgba(0, 0, 0, 1);
$app-black-85: rgba(0, 0, 0, 0.85);
$app-black-65: rgba(0, 0, 0, 0.65);
$app-black-45: rgba(0, 0, 0, 0.45);
$app-black-25: rgba(0, 0, 0, 0.25);
$app-black-15: rgba(0, 0, 0, 0.15);
$app-black-09: rgba(0, 0, 0, 0.09);
$app-black-04: rgba(0, 0, 0, 0.04);
$app-black-02: rgba(0, 0, 0, 0.02);
$app-black-00: rgba(0, 0, 0, 0);

// 白色
$app-white-100: rgba(255, 255, 255, 1);
$app-white-85: rgba(255, 255, 255, 0.85);
$app-white-65: rgba(255, 255, 255, 0.65);
$app-white-45: rgba(255, 255, 255, 0.45);
$app-white-25: rgba(255, 255, 255, 0.25);
$app-white-15: rgba(255, 255, 255, 0.15);
$app-white-09: rgba(255, 255, 255, 0.09);
$app-white-04: rgba(255, 255, 255, 0.04);
$app-white-00: rgba(255, 255, 255, 0);

// 背景色
$app-background-color: #eef3f9;

// 功能色
$app-primary-color: #047AFF; // 主要深色
$app-primary-light: #e4f7ff; // 主要浅色
$app-warning-color: #ffba00; // 警告深色
$app-warning-light: #fffaec; // 警告浅色
$app-danger-color: #fe694a; // 危险深色
$app-danger-light: #fff0ed; // 危险浅色
$app-success-color: #00d38d; // 成功深色
$app-success-light: #eafff8; // 成功浅色

// 文本
$app-text-1-color: #384660; // 主要文本色
$app-text-2-color: #909399; // 次级文本色
$app-text-3-color: #cfcfcf; // 文本不可用色

// 灰度
$app-grey-1-color: #2a2a2a; // 黑灰色：控制台、视频窗口等背景
$app-grey-2-color: #405A79; // 重灰色：导航高亮色
$app-grey-3-color: #4f6a8a; // 深灰色：导航主色
$app-grey-4-color: #909399; // 灰色：不可用按钮边框色
$app-grey-5-color: #cfcfcf; // 浅灰色：可用输入框边框，占位符，不可用按钮主色
$app-grey-6-color: #ebecef; // 淡灰色：正文边框，不可用输入框边框色
$app-grey-7-color: #f5f7fa; // 白灰色：表单背景

// 宽度
$app-body-width: 1280px; // 主体区域最小宽度
$app-aside-width: 200px; // 侧边栏区域宽度
$app-main-width: $app-body-width - $app-aside-width; // 主要区域宽度

// 高度
$app-height-small: 28px; // 表单次级高度
$app-height-base: 36px; // 表单基本高度

// 间隔
$app-offset-xsmall: 8px; // 超小间距：输入框与提示文本的间距
$app-offset-small: 16px; // 小间距：输入框与字段的间距
$app-offset-base: 24px; // 基本间距：对话框内容的内间距
$app-offset-large: 32px; // 大间距：表单元件的间距
$app-offset-xlarge: 40px; // 超大间距：对话框正文上边距



// 侧边颜色
$app-aside-bg: rgb(79,106,138);
$app-aside-font-color: rgb(191, 203, 217);
$app-aside-font-active: rgb(64, 158, 255);
$app-aside-sub-bg: #1f2d3d;
$app-aside-sub-hover: #263445;
$app-aside-item-hover: #001528;

// 背景色
$app-body-bg: #f4f4f4;


// 主要：背景
$app-primary-bg: #d6e5ff;

// 基本：前景色
$app-base-color: #686e82;
$app-base-hover: #3b3d49;

// 成功：前景色
$app-success-color: #3ec5a2;

// 警告：前景色
$app-warn-color: #fe694a;

// 边框颜色
$app-border-color: #d7d8dc;

// 静音：前景色
$app-muted-color: #c0c5d3;

// 灰
$app-grey-color: #9BA1B5;

// 轻色：前景色
$app-light-color: #f6f7f8;

// 应用宽度
$app-width: 1440px;

